<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags always come first -->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="keywords" content="烟码小程序,美浓小程序"/>
    <meta name="description" content="烟码小程序,美浓小程序" />
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../plugins/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/css/default.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">
</head>

<body>
    <div class="navbar navbar-light">
        <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
            &#9776;
        </button>
        <div class="collapse navbar-toggleable-xs clearfix" id="exCollapsingNavbar2">
            <a class="navbar-brand pull-left logo" href="#">Yan ma</a>
            <ul class="nav navbar-nav pull-right">
                <li class="nav-item">
                    <a class="nav-link current" href="#home">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#case">案例</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#price">价格</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#module">功能介绍</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#about-us">关于我们</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="content">
        <div id="home">
            <div class="banner">
                <img src="../img/banner.png" alt="">
            </div>
            <div class="xcx-extend">
                <div class="extend-title">
                    小程序 · 大市场
                </div>
                <ul class="clearfix container">
                    <li class="pull-left col-sm-3 text-center extend-con">
                        <img src="../img/sc1.png" alt="">
                        <p>流量红包</p>
                    </li>
                    <li class="pull-left col-sm-3 text-center extend-con">
                        <img src="../img/sc2.png" alt="">
                        <p>即用即走</p>
                    </li>
                    <li class="pull-left col-sm-3 text-center extend-con">
                        <img src="../img/sc3.png" alt="">
                        <p>生态汇入</p>
                    </li>
                    <li class="pull-left col-sm-3 text-center extend-con">
                        <img src="../img/sc4.png" alt="">
                        <p>品牌展示</p>
                    </li>
                </ul>
            </div>
            <div class="xcx-scene">
                <div class="scene-title">
                    小程序核心场景
                </div>
                <ul class="clearfix container">
                    <li class="pull-left text-center scene-con">
                        <img src="../img/find-app.svg" alt="" style="width: 28px;height: 34px;">
                        <p>分享到群</p>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/scan-code.svg" alt="" style="width: 32px;height: 39px;">
                        <p>线下扫码</p>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/top-search.svg" alt="" style="width: 29px;height: 34px;">
                        <p>微信搜索</p>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/code-drainage.svg" alt="" style="width: 27px;height: 42px;">
                        <P>聊天顶部</P>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/recommend-friend.svg" alt="" style="width: 44px;height: 44px;">
                        <p>推荐给好友</p>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/accessory-app.svg" alt="" style="width: 38px;height: 34px;">
                        <p>附近小程序</p>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/share-wx.svg" alt="" style="width: 29px;height: 34px;">
                        <p>支付完成页</p>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/mini-apps.svg" alt="" style="width: 33px;height: 34px;">
                        <P>小程序列表</P>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/WCOA.svg" alt="" style="width: 41px;height: 42px;">
                        <P>公众号主页</P>
                    </li>
                    <li class="pull-left text-center scene-con">
                        <img src="../img/article.svg" alt="" style="width: 38px;height: 34px;">
                        <P>公众号文章</P>
                    </li>
                </ul>
            </div>
            <div class="xcx-mn-advantage">
                <div class="mn-advantage-title">
                    烟码小程序优势
                </div>
                <ul class="clearfix container">
                    <li class="pull-left mn-advantage-con active">
                        <img src="../img/advatage_0_active.png" alt="">
                        <p>技术团队强大,产品运行稳定</p>
                    </li>
                    <li class="pull-left mn-advantage-con">
                        <img src="../img/advatage_1.png" alt="">
                        <p>操作简单，轻松生成小程序</p>
                    </li>
                    <li class="pull-left mn-advantage-con">
                        <img src="../img/advatage_2.png" alt="">
                        <p>提供专业售后,指导产品使用</p>
                    </li>
                    <li class="pull-left mn-advantage-con">
                        <img src="../img/advatage_3.png" alt="">
                        <p>多插件随意配置,适用多场景</p>
                    </li>
                </ul>
            </div>
            <div class="xcx-trade">
                <div class="trade-title">
                    烟码小程序适用行业
                </div>
                <ul class="clearfix container">
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_1.png" alt="">
                        <p>食品快消</p>
                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_2.png" alt="">
                        <p>数码家电</p>
                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_3.png" alt="">
                        <p>母婴亲子</p>
                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_4.png" alt="">
                        <p>美妆护肤</p>
                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_5.png" alt="">
                        <p>教育培训</p>

                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_6.png" alt="">
                        <p>日用百货</p>

                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_7.png" alt="">
                        <p>水果生鲜</p>

                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_8.png" alt="">
                        <p>餐饮外卖</p>

                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_9.png" alt="">
                        <p>蛋糕烘焙</p>

                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_10.png" alt="">
                        <p>美容美发</p>

                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_11.png" alt="">
                        <p>休闲娱乐</p>
                    </li>
                    <li class="pull-left text-center col-sm-2 trade-con">
                        <img src="../img/c_12.png" alt="">
                        <p>酒店旅游</p>
                    </li>
                </ul>
            </div>

        </div>
        <div id="case">
            <div class="xcx-case">
                <div class="case-title">
                    案例展示
                </div>
                <ul class="clearfix container">
                    <li class="case-item pull-left case-con">
                        <img src="../img/case_1.png" alt="">
                        <div class="shade">
                            <div class="qr-code">
                            <img class="qr-img" src="../img/jiazhuangQr.jpg" alt="">
                            </div>
                            <p>微信扫一扫</p>
                        </div>
                    </li>
                    <li class="case-item pull-left case-con">
                        <img src="../img/case_2.png" alt="">
                        <div class="shade">
                            <div class="qr-code">
                             <img class="qr-img" src="../img/meishiQr.jpg" alt="">
                            </div>
                            <p>微信扫一扫</p>
                        </div>
                    </li>
                    <li class="case-item pull-left case-con">
                        <img src="../img/case_5.png" alt="">
                        <div class="shade">
                            <div class="qr-code">
                            <img class="qr-img" src="../img/meiyeQr.jpg" alt="">
                            </div>
                            <p>微信扫一扫</p>
                        </div>
                    </li>
                    <li class="case-item pull-left case-con">
                        <img src="../img/case_4.png" alt="">
                        <div class="shade">
                            <div class="qr-code">
                            <img class="qr-img" src="../img/hunshaQr.jpg" alt="">
                            </div>
                            <p>微信扫一扫</p>
                        </div>
                    </li>
                    <li class="case-item pull-left case-con">
                        <img src="../img/case_6.png" alt="">
                        <div class="shade">
                            <div class="qr-code">
                             <img class="qr-img" src="../img/jiaoyuQr.jpg" alt="">
                            </div>
                            <p>微信扫一扫</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div id="price">
            <div class="xcx-price">
                <div class="price-title">
                    <!-- 你可以根据需求，选择不同版本 -->
                    烟码小程序价格
                </div>
                <ul class="container">
                    <li class="price-con">
                        <div class="price-con-card text-center is-first">
                            <div class="card-title">
                                <h4>至尊版本</h4>
                                <span class="color-strip"></span>
                            </div>
                            <p class="price">
                                998元/年
                            </p>
                            <p class="price-info">
                                更多经营渠道/生成专享小程序抢占市场红利
                            </p>
                        </div>
                        <ul class="price-con-list clearfix">
                            <li class="pull-left">首页diy拖拽</li>
                            <li class="pull-left">多种样式分类</li>
                            <li class="pull-left">图片魔方</li>
                            <li class="pull-left">用户中心diy</li>
                            <li class="pull-left">优惠券</li>
                            <li class="pull-left">会员卡</li>
                            <li class="pull-left">积分</li>
                            <li class="pull-left">多门店</li>
                            <li class="pull-left">专题电商</li>
                            <li class="pull-left">系统文章</li>
                            <li class="pull-left">模板信息</li>
                            <li class="pull-left">短信通知</li>
                            <li class="pull-left">视频专区</li>
                            <li class="pull-left">门店管理</li>
                            <li class="pull-left">自定义分销</li>
                            <li class="pull-left">整点秒杀</li>
                            <li class="pull-left">拼团</li>
                            <li class="pull-left">预约管理</li>
                            <li class="pull-left">裂变红包</li>
                            <li class="pull-left">...</li>
                        </ul>
                    </li>
                    <!-- <li class="pull-left price-con col-sm-6">
                        <div>
                            <div class="price-con-card text-center">
                                <div class="card-title">
                                    <h4>增值服务</h4>
                                    <span class="color-strip"></span>
                                </div>
                                <p class="price">
                                    ****/年
                                </p>
                                <p class="price-info">
                                    更多经营渠道/生成专享小程序抢占市场红利
                                </p>
                            </div>
                        </div>

                    </li> -->
                </ul>
            </div>
        </div>
        <div id="module">
            <div class="xcx-module">
                <div class="module-title">
                    系统功能介绍
                </div>
                <ul class="clearfix container">
                    <li class="module-con clearfix">
                        <div class="module-des pull-left">
                            <div class="module-des-title">
                                首页自定义DIY
                            </div>
                            <div class="module-des-con">
                                顶部标题栏颜色自定义、底部导航栏自定义、首页（轮播图、搜索框、导航、图片魔方、视频专区、商品列表、秒杀、拼团、专题、客服）等模块可拖拽，可定义
                            </div>
                        </div>
                        <div class="module-view pull-right">
                            <div class="view-box">
                                <img class="view-bg" src="../img/cell.png" alt="">
                                <div class="swiper-container swiper-container1">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="../img/index1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/index2.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/index3.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/index4.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="module-con clearfix">
                        <div class="module-view pull-left">
                            <div class="view-box">
                                <img class="view-bg" src="../img/cell.png" alt="">
                                <div class="swiper-container swiper-container2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="../img/shop1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/shop2.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/shop3.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/shop4.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="module-des pull-right">
                            <div class="module-des-title">
                                商品
                            </div>
                            <div class="module-des-con">
                                商品可添加视频，后台可设置虚拟销量，可自定义服务内容，拥有一键分享、收藏、评论等功能，可实现快速下单，分享支持生成商品海报，后台支持淘宝、京东商品一键采集，支持商品批量编辑
                            </div>
                        </div>
                    </li>
                    <li class="module-con clearfix">
                        <div class="module-des pull-left">
                            <div class="module-des-title">
                                订单
                            </div>
                            <div class="module-des-con">
                                微信在线支付，支持使用优惠券，物流信息实时查看，支持支付、取消、发货、退款等消息通知，支持短信通知商户，支持自定义发货(快递、自提、快递+自提)，支持在线扫码核销订单，收货地址可自定义或获取微信地址，支持售后退款、换货等，支持后台订单改价、后台选择物流
                            </div>
                        </div>
                        <div class="module-view pull-right">
                            <div class="view-box">
                                <img class="view-bg" src="../img/cell.png" alt="">
                                <div class="swiper-container swiper-container3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="../img/order1.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/order2.png" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="../img/order3.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="marketing">
                    <div class="xcx-marketing">
                        <div class="marketing-title">
                            丰富多样的营销插件
                        </div>
                        <ul class="text-center clearfix marketing-box">
                            <li class="marketing-tabs pull-left">
                                <ul>
                                    <li class="current">优惠券</li>
                                    <li>红包</li>
                                    <li>整点秒杀</li>
                                    <li>拼团</li>
                                    <li>分销</li>
                                    <li>专题</li>
                                    <li>预约</li>
                                </ul>
                            </li>
                            <li class="marketing-item pull-right">
                                <ul>
                                    <li class="show">
                                        <img src="../img/coupon1.png" alt="">
                                        <img src="../img/coupon2.png" alt="">
                                        <img src="../img/coupon3.png" alt="">
                                    </li>
                                    <li>
                                        <img src="../img/luckBag1.png" alt="">
                                        <img src="../img/luckBag2.png" alt="">
                                        <img src="../img/luckBag3.png" alt="">
                                    </li>
                                    <li>
                                        <img src="../img/miaosha1.png" alt="">
                                        <img src="../img/miaosha2.png" alt="">
                                        <img src="../img/miaosha3.png" alt="">
                                    </li>
                                    <li>
                                        <img src="../img/pintuan1.png" alt="">
                                        <img src="../img/pintuan2.png" alt="">
                                        <img src="../img/pintuan3.png" alt="">
                                    </li>
                                    <li>
                                        <img src="../img/fenxiao1.png" alt="">
                                        <img src="../img/fenxiao2.png" alt="">
                                        <img src="../img/fenxiao3.png" alt="">
                                    </li>
                                    <li>
                                        <img src="../img/zhuanti1.png" alt="">
                                        <img src="../img/zhuanti2.png" alt="">
                                    </li>
                                    <li>
                                        <img src="../img/yuyue1.png" alt="">
                                        <img src="../img/yuyue2.png" alt="">
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
        </div>
        <div id="about-us">
            <div class="xcx-about-us">
                <div class="about-us-title">
                    关于烟码
                </div>
                <div class="container clearfix">
                    <div class="us-map pull-left">
                        <div class=" col-sm-6 map-con" id="map"></div>
                        <div class="us-info col-sm-6">
                            <div class="us-info-title">站在巨人的肩膀上,我们做的更好</div>
                            <div class="us-info-con">
                                烟码微信小程序以商家的营销和管理为目的，基于腾讯10亿用户的巨大流量，利用小程序的优势，帮助商家拓展互联网客群、提高经营效率。以全新的互联网理念，为商家打造营销、销售、运营一站式解决方案，并能在原有解决方案基础上进行二次开发，灵活定制，从而打造更贴合商业实践的线上—移动—线下三位一体的新零售模式，使更多的用户能够通过各种载体及终端进行交易和消费。商家无需搭建技术团队，真正做到省钱、省心、省力。
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer">
            Copyright - © 2018 浙江美浓世纪集团有限公司 版权所有
            <div id="top">
                <img src="../img/top.png" alt="">
            </div>
            <div class="contact">
                联系我们
            </div>
            <div id="fixed-sideBox" class="fixed-sideBox sideBox-show">
                <div class="sideBox-content">
                    <div class="consult-type">
                        <div id="closeBox-btn" class="closeBox-btn">
                            <span></span>
                        </div>
                        <p class="consult-text">
                            联系我们
                        </p>
                        <p class="consult-tel">0571 - **** ****</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--百度地图容器-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=VabIGU4XA7mmPtkxkaT67byX0m0N01oN"></script>
    <script src="../plugins/js/baiduMap.js"></script>
    <!-- jQuery first, then Bootstrap JS. -->
    <script src="../plugins/js/jquery-1.11.0.min.js"></script>
    <script src="../plugins/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>